:root {
  // color
  --theme-color: #3450e5;
  --theme-color-success: #0ED6A6;
  --theme-color-warning: #f5c44c;
  --theme-color-danger: #ed6f3a;
  --theme-color-error: #ed6f3a;
  --theme-color-info: #909399;
  --white-color: #FFFFFF;
  --black-color: #000000;
  --svg-colorful-color: var(--theme-color);

  // header
  --header-height: 80px;
  // nav
  --nav-menu-hover-bg-color: var(--el-color-primary-dark-2);
  --nav-padding: 0 50px;

  // body
  --body-main-tabs-color: #FFFFFF;
  --body-main-bg-color: #F6F7FB;
  --body-main-tabs-height: 52px;
  --body-main-padding: 20px;
  // sider
  --sider-menu-width: 268px;
  --sider-collapse-height: 55px;
}